@charset "utf-8";

$font-size:20px;
$color:#ff9344;

@function r($px){
    @return $px / $font-size *1rem;
}

.web{
    width: 100%;
    position: relative;
    header{
        padding-top: r(17px);
        padding-bottom: r(9px);
        top: 0;
        left: 0;
        width: 100%;
        .header_logo{
            width: r(123px);
            height: r(123px);
            margin-left: r(23px);
            overflow: hidden;
            a{
                display: inline-block;
                img{
                    width: 100%;
                }
            }
        }
        .city{
            width: r(163px);
            height: r(60px);
            box-sizing: border-box;
            border: r(3px) solid $color;
            font-size: r(26px);
            margin-right: r(21px);
            margin-top: r(30px);
            color: #000000;
            position: relative;
            select{
                width:100%;
                height: 100%;
                border: none;
                padding-left: r(14px);
                line-height: r(60px);
                -webkit-appearance: none;
                
            }
            &::after{
                content: "";
                border-top: r(16px) solid $color;
                border-left:r(15px) solid transparent;
                border-right:r(15px) solid transparent;
                right: r(11px);
                top: 50%;
                position: absolute;
                transform: translateY(-50%);
            }
        }
        .search{
            height: r(55px);
            width: r(269px);
            margin: 0 auto;
            box-sizing: border-box;
            border: 1px solid $color;
            margin-top: r(34px);
            border-radius: r(55px);
            padding-left: r(20px);
            padding-right: r(15px);
            position: relative;
            input[type='text']{
                height: 100%;
                width: r(191px); 
                border: none;
                font-size: r(24px);  
                color: #777777;
                padding: 0 r(7px);        
            }
            input[type=button]{
                height: r(34px);
                width: r(36px);
                background: url(../../../20170619/img/sousuo.jpg);             
            }
            .iconfont{
                position: absolute;
                font-size: r(34px);       
                right:r(12px);   
                top: 50%;
                color: $color;
                transform: translateY(-50%);
            }
        }
    }
}
